<head>
<meta name='layout' content='main' />
<title>Sistema Gestor de DPG's Online</title>
<style type='text/css' media='screen'>
#login {
	margin:15px 0px; padding:0px;
	text-align: center;
	padding-top: 100px;
}
#login .inner {
	width:260px;
	margin:0px auto;
	text-align: left;
	padding:10px;
	border-top:1px dashed #499ede;
	border-bottom:1px dashed #499ede;
	background-color:#EEF;
}
#login .inner .fheader {
	padding:4px;margin:3px 0px 3px 0;color:#2e3741;font-size:14px;font-weight:bold;
}
#login .inner .cssform p {
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 105px;
	border-top: 1px dashed gray;
	margin-bottom: 10px;
	height: 1%;
}
#login .inner .cssform input[type='text'] {
	width: 120px;
}
#login .inner .cssform label {
	font-weight: bold;
	float: left;
	margin-left: -105px;
	width: 100px;
}
#login .inner .login_message {color:red;}
#login .inner .text_ {width:120px;}
#login .inner .chk {height:12px;}
</style>
</head>

<body>
	<div id='login'>
		<div class='inner'>
			<g:if test='${flash.message}'>
			<div class='login_message'>${flash.message}</div>
			</g:if>
			<div class='fheader'><center>Por favor, efetue login.</center></div>
			<form action='${postUrl}' method='POST' id='loginForm' class='cssform' autocomplete='off'>
				<p>
					<label for='username'>Usuario</label>
					<input type='text' class='text_' name='j_username' id='username'  />
				</p>
				<p>
					<label for='password'>Senha</label>
					<input type='password' class='text_' name='j_password' id='password' />
				</p>
				<p>
					<input name="logar" id="logar" type='submit' value='Login'/>
				</p>
				<p>
					<g:link action="recuperarSenha" controller="secUser">Esqueceu sua senha?</g:link>
				</p>
				
			</form>
		</div>
	</div>
<script type='text/javascript'>
<!--
(function(){
	document.forms['loginForm'].elements['j_username'].focus();
})();
// -->
</script>
</body>
